@import './color'

$padding = 2rem
$shadow = 2rem

.view
  z-index 100
  overflow-y auto
  background alpha($sd, 0.4)
  transition opacity 0.3s
  &.hide
    opacity 0

.content
  width calc(50% + 5rem)
  margin auto
  margin-bottom $shadow
  padding ($padding * 2) ($padding * 3)

  background $bg
  border-radius 0 0 $padding $padding
  box-shadow 0 0 $shadow $sd

  transition transform 0.3s
  .hide &
    transform translateY(-100%)

.title
  margin-bottom 2rem
  font-size 3rem
  font-weight normal
  text-align center
